<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fa/css/all.css">
</head>

<style>
        body{
            border: solid 1px rgb(222, 215, 229);
            width: 400px;
            height: 400px;
            text-align: center;
           
        }
        .open{
            
            width: 300px;
        }
      .box1{
        width: 400px;
        height: 40px;
        background-color: aqua;

       
        
      }
     
</style>
<body>

        <div class="box1"><font ><i class=" fas fa-splotch" style="color: rgb(233, 242, 150);" ></i>用户注册</font></div>
     
    
    <form  action="registered">
    </br>
        <font>用户名</font>
        <input type="text" name="text" value="">

    </br> 
    </br> 
        <font>密码 &nbsp; &nbsp; &nbsp;</font>
        <input type="text" name="text" value="">


    </br>
     </br> 
        <font>确认密码</font>
        <input type="text" name="text" value="">

    </br>
    </br>
    <font>密保问题：</font>
    <select name="question" id="select">
    <option value="">我最喜欢的动漫人物是谁？</option>
    <option value="">王者我最喜欢的英雄是谁？</option>
    <option value="">我最喜欢的cp是谁？</option>
    <option value="">我最喜欢什么？</option>



    </select>
    </br>
    </br>
    <font>密保问题：</font>
    <input type="text" name="text" value="">

    </br>
    </br>
    <input class="open" type="button" name="text" value="注册">

        </br>
        </br>
        <input  type="button" name="text" value="提交">
        <input  type="button" name="text" value="重置">


</form> 
</body>
</html>